﻿<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8"/>
    <title>数据列表页面</title>

    <!-- common imports -->
    <script type="text/javascript" src="../js/jquery-1.11.1.min.js" ></script>
    <script type="text/javascript" src="./js/commonImport.js" ></script>
    <script type="text/javascript" src="./plugin/layui/layui.js" ></script>
    <script type="text/javascript" src="../myJs/md5.js"></script>
    <script type="text/javascript" src="../myJs/constants.js" ></script>
    <script type="text/javascript" src="../myJs/utils.js" ></script>

</head>

<body>
    <button class="layui-btn" style="margin-left: 30px" onclick="refresh()">
        <i class="layui-icon">&#x1002;</i> 刷新
    </button>
    <button class="layui-btn" style="margin-left: 30px" onclick="markAllConsumed()">
        <i class="layui-icon">&#x1005;</i> 全部标记为已读
    </button>

    <div class="layui-field-box" style="text-align: center">
        <div id="articleIndexTop">
            <form id="messageSearchForm" class="layui-form layui-form-pane">
                <div class="layui-form-item" style="margin:0;margin-top:15px;">
                    <div class="layui-inline">
                        <label class="layui-form-label">主题</label>
                        <div class="layui-input-inline">
                            <input type="text" name="subject" autocomplete="off" class="layui-input">
                        </div>
                        <label class="layui-form-label">内容</label>
                        <div class="layui-input-inline">
                            <input type="text" name="content" autocomplete="off" class="layui-input">
                        </div>
                        <label class="layui-form-label">发送者</label>
                        <div class="layui-input-inline">
                            <select id="userIds" name="senderId">
                                <option value="">全部</option>
                            </select>
                        </div>
                        <label class="layui-form-label">角色</label>
                        <div class="layui-input-inline">
                            <select id="roleIds" name="roleId">
                                <option value="">全部</option>
                            </select>
                        </div>
                        <div class="layui-input-inline" style="width:auto">
                            <button class="layui-btn" lay-submit lay-filter="formSearch">搜索</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <fieldset id="dataList" class="layui-elem-field layui-field-title sys-list-field">
        <legend style="text-align:center;">消息列表</legend>
        <div class="layui-field-box layui-form">
            <div class="">
                <table style="table-layout: fixed" class="layui-table" lay-even>
                    <colgroup>
                        <col width="40">
                        <col width="60">
                        <col width="60">
                        <col width="80">
                        <col width="200">
                        <col width="40">
                        <col width="40">
                    </colgroup>
                    <thead>
                    <tr>
                        <th> r </th>
                        <th>发送者</th>
                        <th>发送时间</th>
                        <th>主题</th>
                        <th>内容</th>
                        <th colspan="2">操作</th>
                    </tr>
                    </thead>
                    <tbody id="dataContent">
                    </tbody>
                </table>
                <!--内容区域 ajax获取-->
            </div>
            <div id="pageNav"></div>
        </div>
    </fieldset>

    <script type="text/javascript">
        layui.config({
            base: './js/'
        }).use('messageView');
    </script>
</body>
</html>